<template>
    <div class="container">container</div>
</template>

<!-- <script setup>
import { onBeforeMount, onMounted } from 'vue'
onBeforeMount(() => {
    console.log('DOM元素渲染前', document.querySelector('.container'));
})
onMounted(() => {
    console.log('DOM元素渲染后', document.querySelector('.container'));
})
</script> -->
<script>
export default {
    data() {
        return {
            value: 'Hello Vue.js'
        }
    },
    beforeCreate() {
        console.log('beforeCreate实例对象创建前:', this.value);
    },
    created() {
        console.log('created实例对象创建后:', this.value);
    }
}
</script>